<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE HTML>
<html>
<head>

    <title>职位详情</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Hosting Store Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <link href="${pageContext.request.contextPath}/static/home/css/bootstrap.css" rel='stylesheet' type='text/css' />
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="${pageContext.request.contextPath}/static/home/js/jquery-1.11.1.min.js"></script>
    <!-- Custom Theme files -->
    <link href="${pageContext.request.contextPath}/static/home/css/style.css" rel='stylesheet' type='text/css' />

    <link href='${pageContext.request.contextPath}/static/home/css/font-awesome.css' rel='stylesheet' type='text/css'/>
    <!-- Custom Theme files -->
    <!-- webfonts -->
    <!-- webfonts -->
    <!-- dropdown -->
    <script src="${pageContext.request.contextPath}/static/home/js/jquery.easydropdown.js"></script>
    <link href="${pageContext.request.contextPath}/static/home/css/nav.css" rel="stylesheet" type="text/css" media="all"/>
    <!-- start-smoth-scrolling -->
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/home/js/move-top.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/home/js/easing.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            $(".scroll").click(function(event){
                event.preventDefault();
                $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
            });
        });
    </script>

    <link href="${pageContext.request.contextPath}/static/home/css/job_detail_v1.0.css" rel="stylesheet" type="text/css"/>
    <!-- end-smoth-scrolling -->
</head>
<!-- Header Starts Here -->
<div class="banner inner-banner" >
    <%@include file="../header.jsp"%>
    <!-- page heading -->
    <div id="breadcrumb_wrapper">
        <div class="container">

            <h3><strong>职位详情</strong></h3>
            <h6>&nbsp;</h6>

            <div class="clearfix"></div>
        </div>
    </div>
</div>
<div class="clearfix"> </div>
<!-- Header Ends Here -->

<div class="contact background">
    <div class="container">
        <div class="company">
            <div class="company-frame">
                <div class="read">
                    <!--职位名称-->
                    <div class="company-sm-frame">
                        <input type="text" id="input01" class="dark-green big larger left" readonly value="${preview.job_name}"/>
                        <!--企业用户浏览职位详情时申请职位按钮应不可见-->
                        <%--<a href="${pageContext.request.contextPath}/home/job/edit.action?job_id=${preview.job_id}"><input type="button" class="button" value="编辑"></a>--%>
                        <%--<a href="#"><input type="button" class="button" value="申请职位"></a>--%>
                    </div>
                    <div class="company-sm-frame">
                        <span style="margin-left: 39px;color: dimgray"><small>${preview.address}</small></span>
                    </div>
                    <div class="company-sm-frame">
                        <!--月薪-->
                        <c:if test="${preview.show_salary==0}">
                            <input type="text" id="input02" class="red larger zone" readonly value="面议"/>
                        </c:if>
                        <c:if test="${preview.show_salary==1}">
                            <input type="text" id="input02" class="red larger zone" readonly value="${preview.salary_type}"/>
                        </c:if>

                        <label class="zone40">|</label>
                        <!--发布地点-->
                        <input type="text" class="zone60" id="input03" readonly value="${preview.zone}"/>
                        <input type="text" class="zone80" id="input04" readonly value="${preview.city}"/>
                        <label class="zone40">|</label>
                        <!--职位性质-->
                        <c:if test="${preview.job_property_id == 1}">
                            <input type="text" id="input05" class="zone40" readonly value="正职"/>
                        </c:if>
                        <c:if test="${preview.job_property_id == 2}">
                            <input type="text" id="input05" class="zone40" readonly value="兼职"/>
                        </c:if>
                        <c:if test="${preview.job_property_id == 3}">
                            <input type="text" id="input05" class="zone40" readonly value="实习"/>
                        </c:if>

                        <label class="zone40">|</label>
                        <!--招聘要求-->
                        <input type="text" class="zone60" id="input06" readonly value="${preview.degree}"/>
                        <label class="zone40">|</label>
                        <input type="text" class="zone80" id="input07" readonly value="${preview.work_year}"/>
                    </div>
                    <div class="company-sm-frame" style="margin-left: 30px" id="input08">
                        <!--职位标签-->
                        <c:forEach items="${jobTagList}" var="item1">
                            <c:forEach items="${chestr}" var="item2">
                                <c:if test="${item2==item1.job_tag_id}">
                                    <input type="text" class="tag" readonly value="${item1.job_tag_name}"/>
                                </c:if>
                            </c:forEach>
                        </c:forEach>

                    </div>
                </div>

                <div class= "read">
                    <!--职位介绍-->
                    <div class="company-sm-frame">
                        <input type="text" class="grey large big left" readonly value="职位介绍"/>
                        <textarea id="target" readonly class="form-control" >${preview.job_description}</textarea>
                    </div>
                </div>
            </div>
            <div class="company-frame-right">
                <div class="read">
                    <div class="company-sm-frame">
                        <!--公司信息-->
                        <!--公司名称-->
                        <input type="text" id="input10" class="dark-green  larger" style="text-align: center; width: 90%" readonly value="${company.company_name}"/>
                        <!--行业-->
                        <label>行业</label>
                        <input type="text" id="input11" readonly value="${companyDetail.main_industry.industry_name}">
                        <!--规模-->
                        <label>规模</label>
                        <input type="text" id="input12" readonly value="${companyDetail.company_size.value}">
                        <!--性质-->
                        <label>性质</label>
                        <input type="text" id="input13" readonly value="${companyDetail.company_property.property_name}">
                        <%--<a href="${pageContext.request.contextPath}/home/company/info_view.action"><input type="button" class="button" value="企业详情"></a>--%>
                    </div>
                </div>

                <div class="read">
                    <div class="company-sm-frame">

                    </div>
                </div>
            </div>

            <div class="clearfix"> </div>
            <div class="company-form">
                <!--<form>-->
                <!--<input type="submit" class="btn-link">-->


                <!--个人用户搜索职位时编辑按钮应不可见-->
                <%--<span style="margin: 0 42%">--%>
                    <%--<a href="${pageContext.request.contextPath}/home/job/index.action"><input type="button" class="button" value="返回"></a>--%>
                <%--</span>--%>
                <!--</form>-->
            </div>
            <br><br>
        </div>


    </div>
</div>

<%--<div class="container" style="width:1100px;">--%>
    <%--<div class="view_resume">--%>
        <%--<h4><br></h4>--%>
        <%--<div class="resume_body">--%>
            <%--<!-- 职位性质 -->--%>
            <%--<div class="resume_group" id="name" style="float: left; width: 45%;">--%>
                <%--<div class="resume_title" style="width:30%;">--%>
                    <%--<h4>职位名称</h4>--%>
                <%--</div>--%>
                <%--<div class="resume_info" style="width:60%;">--%>
                    <%--<p>${preview.job_name}</p>--%>
                <%--</div>--%>
                <%--<div class="clearfix"></div>--%>
            <%--</div>--%>

            <%--<!-- 职位名称 -->--%>
            <%--<div class="resume_group"  style="float: left; width: 45%;">--%>
                <%--<div class="resume_title" style="width:30%;">--%>
                    <%--<h4>职位性质</h4>--%>
                <%--</div>--%>
                <%--<div class="resume_info" style="width:60%;">--%>
                    <%--<c:if test="${preview.job_property_id == 1}">--%>
                        <%--<p>正职</p>--%>
                    <%--</c:if>--%>
                    <%--<c:if test="${preview.job_property_id == 2}">--%>
                        <%--<p>兼职</p>--%>
                    <%--</c:if>--%>
                    <%--<c:if test="${preview.job_property_id == 3}">--%>
                        <%--<p>实习</p>--%>
                    <%--</c:if>--%>

                <%--</div>--%>
                <%--<div class="clearfix"></div>--%>
            <%--</div>--%>

            <%--<!-- 职位描述 -->--%>
            <%--<div class="resume_group"  style="width: 93%;">--%>
                <%--<div class="resume_title" style="width: 14%;">--%>
                    <%--<h4>职位描述</h4>--%>
                <%--</div>--%>
                <%--<div class="resume_info" style="width: 83%;">--%>
                    <%--<textarea readonly>${preview.job_description}</textarea>--%>
                <%--</div>--%>
                <%--<div class="clearfix"></div>--%>
            <%--</div>--%>

            <%--<!-- 职位标签 -->--%>
            <%--<div class="resume_group" >--%>
                <%--<div class="resume_title">--%>
                    <%--<h4>职位标签</h4>--%>
                <%--</div>--%>
                <%--<div class="resume_info">--%>


                        <%--<c:forEach items="${jobTagList}" var="item1">--%>
                        <%--<c:forEach items="${chestr}" var="item2">--%>
                            <%--<c:if test="${item2==item1.job_tag_id}">--%>
                    <%--<p>${item1.job_tag_name}</p>--%>
                            <%--</c:if>--%>
                        <%--</c:forEach>--%>
                    <%--</c:forEach>--%>


                <%--</div>--%>
                <%--<div class="clearfix"></div>--%>
            <%--</div>--%>

            <%--<!-- 职位类别 -->--%>
            <%--<div class="resume_group" >--%>
                <%--<div class="resume_title">--%>
                    <%--<h4>职位类别</h4>--%>
                <%--</div>--%>
                <%--<div class="resume_info">--%>
                    <%--<p>${preview.industry_name}${preview.job_type_name}</p>--%>
                <%--</div>--%>
                <%--<div class="clearfix"></div>--%>
            <%--</div>--%>

            <%--<!-- 发布地点 -->--%>
            <%--<div class="resume_group" >--%>
                <%--<div class="resume_title">--%>
                    <%--<h4>发布地点</h4>--%>
                <%--</div>--%>
                <%--<div class="resume_info">--%>
                    <%--<p>${preview.zone}${preview.city}</p>--%>
                <%--</div>--%>
                <%--<div class="clearfix"></div>--%>
            <%--</div>--%>

            <%--<!-- 发布地址 -->--%>
            <%--<div class="resume_group" id="comment" style="width: 93%;">--%>
                <%--<div class="resume_title" style="width: 14%;">--%>
                    <%--<h4>发布地址</h4>--%>
                <%--</div>--%>
                <%--<div class="resume_info" style="width: 83%;">--%>
                    <%--<textarea readonly style="height: 50px;">${preview.address}</textarea>--%>
                <%--</div>--%>
                <%--<div class="clearfix"></div>--%>
            <%--</div>--%>

            <%--<!-- 招聘人数 -->--%>
            <%--<div class="resume_group">--%>
                <%--<div class="resume_title">--%>
                    <%--<h4>招聘人数</h4>--%>
                <%--</div>--%>
                <%--<div class="resume_info">--%>
                    <%--<p>${preview.number}</p>--%>
                <%--</div>--%>
                <%--<div class="clearfix"></div>--%>
            <%--</div>--%>

            <%--<!-- 学历要求 -->--%>
            <%--<div class="resume_group" >--%>
                <%--<div class="resume_title">--%>
                    <%--<h4>学历要求</h4>--%>
                <%--</div>--%>
                <%--<div class="resume_info">--%>
                    <%--<p>${preview.degree}</p>--%>
                <%--</div>--%>
                <%--<div class="clearfix"></div>--%>
            <%--</div>--%>

            <%--<div class="resume_group" >--%>
                <%--<div class="resume_title">--%>
                    <%--<h4>工作年限</h4>--%>
                <%--</div>--%>
                <%--<div class="resume_info">--%>
                    <%--<p>${preview.work_year}</p>--%>
                <%--</div>--%>
                <%--<div class="clearfix"></div>--%>
            <%--</div>--%>

            <%--<!-- 薪酬待遇 -->--%>
            <%--<div class="resume_group">--%>
                <%--<div class="resume_title">--%>
                    <%--<h4>薪酬待遇</h4>--%>
                <%--</div>--%>
                <%--<div class="resume_info">--%>
                    <%--<p>${preview.salary_type}</p>--%>
                <%--</div>--%>
                <%--<div class="clearfix"></div>--%>
            <%--</div>--%>

            <%--<!-- 发布时间 -->--%>
            <%--<div class="resume_group">--%>
                <%--<div class="resume_title">--%>
                    <%--<h4>发布时间</h4>--%>
                <%--</div>--%>
                <%--<div class="resume_info">--%>
                    <%--<p>${preview.startDate} --- ${preview.endDate}</p>--%>
                <%--</div>--%>
                <%--<div class="clearfix"></div>--%>
            <%--</div>--%>

            <%--<div class="resume_group">--%>
                <%--<div class="resume_title">--%>
                    <%--<h4>是否发布</h4>--%>
                <%--</div>--%>
                <%--<div class="resume_info">--%>
                    <%--<c:if test="${preview.is_publish==0}">--%>
                        <%--<p>否</p>--%>
                    <%--</c:if>--%>
                    <%--<c:if test="${preview.is_publish==1}">--%>
                        <%--<p>是</p>--%>
                    <%--</c:if>--%>

                <%--</div>--%>
                <%--<div class="clearfix"></div>--%>
            <%--</div>--%>

        <%--</div>--%>
    <%--</div>--%>
<%--</div>--%>


<!-- #Testimonials -->
<!-- /#Testimonials -->
<!-- #Footer -->
<%@include file="../footer.jsp"%>


<!-- //here ends scrolling icon -->
<script type="text/javascript">



    $(document).ready(function() {
        /*
         var defaults = {
         containerID: 'toTop', // fading element id
         containerHoverID: 'toTopHover', // fading element hover id
         scrollSpeed: 1200,
         easingType: 'linear'
         };
         */

        $().UItoTop({ easingType: 'easeOutQuart' });

    });


</script>

<script type="text/javascript">

    window.onload = function () {

        var text = $('textarea')[0];
        add(text);
        text.style.resize="none";//去掉textarea能拖拽放大/缩小高度/宽度功能
    };
    $(document).on("input propertychange change", "textarea", function (e) {

        var target = e.target;
        // 保存初始高度，之后需要重新设置一下初始高度，避免只能增高不能减低。
        var dh = $(target).attr('defaultHeight') || 0;
        if (!dh) {
            dh = target.clientHeight;
            $(target).attr('defaultHeight', dh);
        }

        target.style.height = dh +'px';
        var clientHeight = target.clientHeight;
        console.log(target.clientHeight);
        var scrollHeight = target.scrollHeight;
        console.log(scrollHeight);
        if (clientHeight != scrollHeight) { target.style.height = scrollHeight + 10 + "px";
        }
    });

    function add(val) {
//        console.log("run");
//        console.log(val);
        val.style.height = val.scrollHeight + 10 + "px";
    }

</script>



</html>